.euiDescribedFormGroup {
  max-width: $euiFormMaxWidth * 2;

  + * {
    margin-top: $euiSizeL;
  }

  &.euiDescribedFormGroup--fullWidth {
    max-width: 100%;
  }

  .euiDescribedFormGroup__description {
    padding-top: $euiSizeS;
  }

  .euiDescribedFormGroup__fields {
    min-width: 0; // Needed to support shrinking appropriately with viewport (prevents x-axis content overflow)
  }

  .euiDescribedFormGroup__fieldPadding {
    &--xxxsmall {padding-top: ($euiFontSizeXS * 1.5) - $euiFontSizeXS + 2px;}
    &--xxsmall {padding-top: ($euiFontSizeS * 1.5) - $euiFontSizeXS + 2px;}
    &--xsmall {padding-top: ($euiFontSize * 1.5) - $euiFontSizeXS + 2px;}
    &--small {padding-top: ($euiFontSizeL * 1.5) - $euiFontSizeXS + 2px;}
    &--medium {padding-top: ($euiFontSizeXL * 1.5) - $euiFontSizeXS + 2px;}
    &--large {padding-top: ($euiFontSizeXXL * 1.5) - $euiFontSizeXS + 2px;}
  }

  @include euiBreakpoint('xs', 's') {
    .euiDescribedFormGroup__fields {
      padding-top: 0;

      > .euiFormRow--hasEmptyLabelSpace:first-child {
        padding-top: 0;
      }
    }
  }
}
